<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>mall商城</title>


    <!--    新品-专题-优惠券-->
    <link rel="stylesheet" href="assets/css/new-subject-coupon.css"/>
    <link rel="shortcut icon" href="assets/images/Shop.ico">
    <link rel="stylesheet" th:href="@{assets/css/vendor/vendor.min.css}">
    <link rel="stylesheet" href="assets/css/plugins/plugins.min.css">
    <link rel="stylesheet" href="assets/css/style.min.css">
    <link rel="stylesheet" th:href="@{assets/css/bootstrap.css}">
    <script crossorigin="anonymous"
            integrity="sha512-n/4gHW3atM3QqRcbCn6ewmpxcLAHGaDjpEBu4xZd47N0W2oQ+6q7oc3PXstrJYXcbNU1OHdQ1T7pAP+gi5Yu8g=="
            src="https://lib.baomitu.com/jquery/3.6.0/jquery.js"></script>
    <link rel="stylesheet" th:href="@{assets/css/bootstrap.css}">
    <link rel="stylesheet" href="assets/css/plugins/plugins.min.css">
    <link rel="stylesheet" href="assets/css/style.min.css">
    <script src="assets/js/bootstrap.js"></script>
    <style>


        .brand-list, .class-list {
            height: 500px;
            overflow: hidden;
            padding: 0;
        }

        .class-list-item {
            color: gray;
            padding-top: 10px;
        }

        .brand-list-item {
            border: 1px dotted lightgray;
            margin: 10px auto;
        }

        .brand-list>div>img{
            width: 100px;
            height: 100px;
        }
        .brand-list>div{
            margin-top: 20px;
        }

        .brand-list>div:first-child{
            margin-top: 0;
        }

        .ts {
            width: 181.5px;
            transition: all 1s;
        }
        a:hover{
            color: red;
        }
        .y-display{
            display: block;
        }
        .n-display{
            display: none;
        }
        .y-display img:hover,.n-display img:hover{
            transform: scale(1.1);
        }
        #sec-box a:hover img{
            transform: scale(1.1);
        }
    </style>
</head>

<body>
<!--//导航栏-->
<div th:replace="header::headerS"></div>

<!--//分类、品牌-->
<div th:replace="luofeng::classList"></div>

<!--//人气推荐-->
<div th:replace="yuweiting::productList"></div>

<!--//秒杀-->
<div th:replace="seckill::seckill"></div>

<!--//专题，优惠券，新品-->
<div th:replace="zhouzhengyi-jiangguolin::newSubjectrCoupon"></div>

<!--/商家合作-->
<div th:replace="businessCooperation::business"></div>

<!--//脚-->
<div th:replace="footer::footerS"></div>

<script src="assets/js/vendor.min.js"></script>
<script src="assets/js/plugins.min.js"></script>
<script src="assets/js/main.js"></script>

</body>

</html>